<%@page import="co.gov.medellin.ssti.sub.common.util.Utility"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1" isELIgnored="false"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="/WEB-INF/displaytag.tld" prefix="display"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<link href="<%=request.getContextPath() + "/css/bloques.css"%>"
	rel="stylesheet" type="text/css">
<link href="<%=request.getContextPath() + "/css/table.css"%>"
	rel="stylesheet" type="text/css">
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />

<head>
<script type="text/javascript">
$(document).ready(function() { 
	$("input[id=operacion]").val('');
	$("#guardarBtn").click(function(){
		//validar fecha inicio y fin string valido.
		var fDate = isDate($("#date").val());
		if(!fDate){
			alert('Fecha no valida.');
			return false;
		}
		
		if( $("#codigoSede").val() == '' ){
			alert("Elija una sede.");
			return false;
		}
		// revisar que los atributos obligatorios se hayan ingresado.
		var continuar = true;
		$('.obligatorio').each(function(i, obj) {
			if($(this).val().trim() == ''){
				continuar = false;		
			}
		});
		if(!continuar){
			alert("Debe ingresar los campos obligatorios.");
			return false;
		}
		
		$("input[id='operacion']").val('<%=Utility.OP_GUARDAR%>');
		
		$("#mainForm").submit();
	});
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#date").datepicker({
			changeMonth : true,
			changeYear : true
		});
		$("#vigenciaBeneficio").datepicker({
			changeMonth : false,
			changeYear : true,
			dateFormat: 'yy'
		});
		$('.fecha').datepicker({
			changeMonth : true,
			changeYear : true,
			showOn: "button",
			buttonImageOnly: true,
			buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
							buttonText : "Calendario"
		});
	});
</script>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<html:form action="/empresas/IngresoDatosBeneficio.do" method="post"
		styleId="mainForm"
		type="co.gov.medellin.ssti.sub.web.form.IngresoDatosBeneficiosEmpresaForm">

		<html:hidden name="IngresoDatosBeneficiosEmpresaForm"
			property="operacion" styleId="operacion" />
		<html:hidden name="IngresoDatosBeneficiosEmpresaForm" property="fecha"
			styleId="fecha" />
		<html:hidden name="IngresoDatosBeneficiosEmpresaForm" property="codigoEmpresa" />
		<html:hidden name="IngresoDatosBeneficiosEmpresaForm" property="codigoSubprograma" />
		<%-- <html:hidden name="IngresoDatosBeneficiosEmpresaForm" property="bot.fechaMedicion" />
		<html:hidden name="IngresoDatosBeneficiosEmpresaForm" property="bot.vigenciaBeneficio" /> --%>
	
		<c:if test="${empty IngresoDatosBeneficiosEmpresaForm.sedes}">		
      		No existen sedes donde se pueda otorgar el beneficio.  		
  		</c:if>
  		
  		<c:if test="${not empty IngresoDatosBeneficiosEmpresaForm.sedes}">
  			<c:if test="${empty IngresoDatosBeneficiosEmpresaForm.empresaVO.codigo}">			
				<tr>
					<td class="titulosenblanco" colspan="3">
						No se encontro el beneficiario al que se le otorgara un beneficio
					</td>
				</tr>			
			</c:if>
			<table align="center" width="100%">
				<c:if test="${not empty IngresoDatosBeneficiosEmpresaForm.codigoEmpresa}">
					<tr>
						<td class="titulosenblanco" colspan="3">Ingreso de Datos para
							el Beneficio
							${IngresoDatosBeneficiosEmpresaForm.nombreSubprograma}</td>
					</tr>
					<tr>
						<td class="titulosenblanco" colspan="3">&nbsp;</td>
					</tr>
					<tr>
						<td class="titulosenblanco" colspan="3">
							<DIV align="center">Empresa Beneficiaria</DIV>
						</td>
					</tr>
					<tr>
						<td class="titulosenblanco" colspan="3">&nbsp;</td>
					</tr>

					<tr>
						<td class="celdatabla" width="15%">&nbsp;</td>
						<td class="celdatabla" width="30%">NIT:</td>
						<td class="celdatabla" width="40%">
							<div class="form">
								${IngresoDatosBeneficiosEmpresaForm.empresaVO.nitIdupa}</div>
						</td>
					</tr>
					<tr>
						<td class="celdatabla" width="15%">&nbsp;</td>
						<td class="celdatabla" width="30%">Raz&oacute;n Social:</td>
						<td class="celdatabla" width="40%">
							<div class="form">
								${IngresoDatosBeneficiosEmpresaForm.empresaVO.razonSocial}</div>
						</td>
						<td class="celdatabla" width="45%">&nbsp;</td>
					</tr>

					<tr>
						<td class="titulosenblanco" colspan="2">&nbsp;</td>
					</tr>
					<tr>
						<td class="titulosenblanco">&nbsp;</td>
						<td class="titulosenblanco" colspan="2"><hr /></td>
					</tr>				
				</c:if>

				<c:forEach var="idListaAtributos" items="${IngresoDatosBeneficiosEmpresaForm.listaAtributos}">
					<tr>
						<td class="celdatabla" width="15%">&nbsp;</td>
						<c:set var="obligatorio" property="obligatorio" value="${idListaAtributos.obligatorio == 'S' ? 'obligatorio' : ''}" />
						<td align="left" class="celdatabla">
							${idListaAtributos.obligatorio == 'S' ?
							idListaAtributos.etiqueta.concat(' (*)') :
							idListaAtributos.etiqueta} 
							<c:if test="${idListaAtributos.tipodato eq 'F'}">
								<td align="left">
									<input id="Atri${idListaAtributos.codatributo}" class="fecha formInputOutput ${obligatorio}"
										name="Atri${idListaAtributos.codatributo}" />
									</td>							
							</c:if> 
							<c:if test="${idListaAtributos.tipodato ne 'F'}">
								<c:if test="${not empty idListaAtributos.valoresflexibles}">
									<td align="left">
										<select class="formLista ${obligatorio}" name="Atri${idListaAtributos.codatributo}">
											<c:forEach var="idVflex" items="${idListaAtributos.valoresflexibles}">
												<c:if test="${idListaAtributos.desvalorsugerido eq idVflex.codigovfl}">
													<option class="form" value="${idVflex.codigovfl}">${idVflex.descripcionvf}</option>												
												</c:if>
												<c:if test="${idListaAtributos.desvalorsugerido ne idVflex.codigovfl}">						
													<option class="form" value="${idVflex.codigovfl}"
														selected="selected">${idVflex.descripcionvf}</option>												
												</c:if>											
											</c:forEach>
										</select>
									</td>								
								</c:if>
								<c:if test="${empty idListaAtributos.valoresflexibles}">								
									<td align="left">
										<input class="form ${obligatorio}" type="text" name="Atri${idListaAtributos.codatributo}" />
									</td>								
								</c:if>						
							</c:if>
						</td>
					</tr>				
				</c:forEach>

				<tr>
					<td class="celdatabla" width="15%">&nbsp;</td>
					<td align="left" class="celdatabla">SEDE</td>
					<td align="left">
						<html:select name="IngresoDatosBeneficiosEmpresaForm" property="codigoSede"
							styleClass="form" >
							<html:optionsCollection name="IngresoDatosBeneficiosEmpresaForm"
								property="sedes" label="nombre" value="code" />
						</html:select></td>
				</tr>
				<tr>
					<td class="celdatabla" width="15%">&nbsp;</td>
					<td align="left" class="celdatabla">VALOR DEL BENEFICIO</td>
					<td align="left">
						<%-- <input type="text" name="costbene" size="10" class="form"
							value="${IngresoDatosBeneficiosEmpresaForm.subprogramaVO.valorUnitarioBeneficio == null ? 
			         			0 : IngresoDatosBeneficiosEmpresaForm.subprogramaVO.valorUnitarioBeneficio}" /> --%>
			         	<html:text name="IngresoDatosBeneficiosEmpresaForm" property="bot.valorBeneficio"
			         		value="${IngresoDatosBeneficiosEmpresaForm.subprogramaVO.valorUnitarioBeneficio == null ?
			         			0 : IngresoDatosBeneficiosEmpresaForm.subprogramaVO.valorUnitarioBeneficio}" styleClass="formInputOutput"/>
					</td>
				</tr>
				<tr>
					<%
						String strTipoBeneficio = (String) request
										.getAttribute("TipoBene");
					%>
					<td class="celdatabla" width="15%">&nbsp;</td>
					<td align="left" class="celdatabla">TIPO DE BENEFICIO</td>
					<td align="left">
						<input type="TEXT" name="tipobene" size="75" class="form"
							value="${IngresoDatosBeneficiosEmpresaForm.subprogramaVO.nombre}" />
					</td>
				</tr>
				<tr>
					<td class="celdatabla" width="25%">&nbsp;</td>
					<td class="celdatabla" width="31%">FECHA DE OTORGACI&Oacute;N:</td>
					<td align="left">
						<input type="text" class="form" name="date"
							id="date" value="${IngresoDatosBeneficiosEmpresaForm.fecha}" />
					</td>
				</tr>
				
				<tr>
					<td class="celdatabla" width="25%">&nbsp;</td>
					<td class="celdatabla" width="31%" align="left">
						FECHA DE MEDICI&Oacute;N:
					</td>
					<td align="left">
						<html:text name="IngresoDatosBeneficiosEmpresaForm" property="bot.fechaMedicion" 
							styleClass="formInputOutput fecha" styleId="fechaMedicion"/>
					</td>
				</tr>
				
				<tr>
					<td class="celdatabla" width="25%">&nbsp;</td>
					<td class="celdatabla" width="31%" align="left">
						VIGENCIA BENEFICIO:
					</td>
					<td align="left">
						<html:text name="IngresoDatosBeneficiosEmpresaForm" property="bot.vigenciaBeneficio" 
							styleClass="formInputOutput vigenciaBeneficio" styleId="vigenciaBeneficio"/>					
					</td>
				</tr>

				<tr>
					<td class="titulosenblanco" colspan="3">&nbsp;</td>
				</tr>
				<tr>
					<td align="right"></td>
					<td colspan="2">
						<DIV align="center">
							<input type="submit" value="Guardar" id="guardarBtn" />
						</DIV>
					</td>
				</tr>

			</table>
			
			
			<table  cellspacing="3" cellpadding="2" border="0" width="70%" align="center">
	      		<tr>
	      			<td>
	        			<logic:present name="listaalerta">             
	            			<P align="center" class="titulosenblanco">
	            				<strong>Los siguientes atributos no cumplen con las normas pero tienen alerta</strong>
	            			</P>
		            		<display:table name="sessionScope.listaalerta" pagesize="20" id="alerta" cellpadding="3" cellspacing="1" style="width:100%" >
		                		<display:column headerClass="headerTable" title="Atributo" class="Numero" >
		                  			<div align="center">
		                  				<bean:write name="alerta" property="nombre" /> 
		                  			</div>
		                		</display:column>
		                		<display:column headerClass="headerTable" title="Restriccion" class="Numero" >
		                  			<div align="center">
		                  				<bean:write name="alerta" property="descrest" /> 
		                  			</div>
		                		</display:column>
		            		</display:table>
	        			</logic:present>	        			     
	      			</td>
	      		</tr>
	      		<tr>
	      			<td>
	      				<div align="left" class="titulosenblanco">
		      				<c:if test="${not empty sessionScope.msgdis}">
		        				${sessionScope.msgdis}
		        				<c:remove var="msgdis" scope="session"/>
		        			</c:if>
	        			</div>
	      			</td>
	      		</tr>
      		</table>
			
			
			<div align="center">
				<a href="<%=request.getContextPath() + "/empresas/VerBeneficios.do?codigoEmpresa="%>${IngresoDatosBeneficiosEmpresaForm.codigoEmpresa}">
					<img src="<%=request.getContextPath() + "/images/b_atras.gif"%>"
						width="24" height="15" border="0"><br>
				<span>Atras</span>
				</a>
			</div>		
		</c:if>
	</html:form>
</body>
</html>